@charset "UTF-8";
.fl{
    float:left;
}
.fr{
    float:right;
}
 ul,li{
    list-style: none;
}
.intro{
    display: table;
    width: 100%;
    height: auto;
    padding: 270px 0 180px;
    text-align: center;
    color: #fff;
    background: url(../img/contact-banner.png) no-repeat bottom center scroll;
    background-color: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.intro p{
    font-size:30px;
    color:#ffffff;
    text-align:center;
    margin-top: -90px;
}
.intro>div {
    font-size: 20px;
    padding-top:50px;
}
.intro div .border{
    border-right:1px solid #fff;
    padding-right: 30px;
    margin-right: 30px;
}
.contactMember{
    padding: 110px 0;
}

.contactMember .item{
    border-right:1px solid #a4a4a4;
}
.contactMember .lastli{
    border: none;
}
.contactMember .firstContact{
    font-size:30px;
    color:#ff6600;
    text-align:center;
}
.contactMember .firstContact .title{
    margin-left: 20px;
}
.contactMember ul {
    font-size:16px;
    color:#4a4a4a;
    text-align:left;
    padding: 0;
}
.contactMember ul  li{
    padding-top: 30px;
}
.contactMember ul .lastItem{
    border:none;
}
.code{
     display: table;
    width: 100%;
    height: auto;
    text-align: center;
    color: #fff;
    background: url(../img/contact-bg-pic.png) no-repeat bottom center scroll;
    background-color: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.code .container{
    width:459px;
    margin:0 auto;
}
.codePng{
    position: relative;
    padding:100px 0 70px;
    width:459px;
    margin-left: 0;
}
.codeBg{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0.12;
    background:#ffffff;
    border-radius:2px;
}
.code .topWeinxin{
    font-size:30px;
    color:#ffffff;
    text-align:center;
}
.code .focusTxt{
    font-size:16px;
    color:#ffffff;
    text-align:center;
    padding:25px 0 12px;
}
.partner{
    display: none;
}
@media (max-width: 769px){
    .intro p{
        font-size: 20px;
    }
    .intro div{
        font-size: 14px;
    }
    .intro div .border{
        margin-right: 15px;
        padding-right: 15px;
    }
    .contactMember .item{
        margin-bottom:40px;
        padding-left: 10%;
        border:none;
        padding-bottom: 40px;
        border-bottom: 1px solid #a4a4a4;
    }
    .contactMember ul  li{
        font-size: 12px;
    }
    .intro{
         padding: 200px 0 70px;
    }
    .partner{
        display: block;
    }
    .code .container{
    width:100%;
    margin:0 auto;
    }
    .codePng{
        position: relative;
        padding:50px 0 35px;
        width:80%;
        margin-left: 0;
        margin:0 auto;
    }
    .codePng img{
        width:113px;
    }
    .contactMember{
        padding-bottom: 0;
    }
    .contactMember .lastli{
        border: none;
    }
}